{include file="public/header" /}
<body class="layui-layout-body" id="LAY_home_iframe" layadmin-themealias="default">
<div id="LAY_app" style="visibility: visible;" class="">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                {include file="index/layout1/flexible" /}
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <i class="screen layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite>{$_admin.admin_name}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a lay-click="changePwd">修改密码</a></dd>
                        <dd style="text-align: center;"><a lay-click="signOut">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a lay-click="clearCache" title="清除缓存">
                        <i class="layui-icon layui-icon-fonts-clear"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="theme" title="配色方案">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a id="drawerIframe" href="javascript:window.open('{$uni_path}');" title="前台">
                        <i class="layui-icon layui-icon-website"></i>
                    </a>
                </li>
            </ul>
        </div>
        {include file="index/layout1/menu" /}
        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i
                            class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="{:url('welcome')}" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>
        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>
<audio id="tipsAudio"></audio>
{include file="public/footer" /}
<script>
    layui.use(['methods', 'index', 'layer', 'jquery'], function () {
        var ly = layui.layer, methods = layui.methods, a = layui.jquery;

        // window.setInterval(() => {
        //     setTimeout(remind, 0)
        // }, 3000);

        function remind() {
            a.get('{:url("index/getRemind")}', function (e) {
                if (e.code === 1) {
                    ly.open({
                        type: 1,
                        offset: 'rb',
                        content: '<div style="padding: 16px;color: #515a6e;font-size: 12px">' + e.data.msg + '</div>',
                        area: '240px',
                        btn: '查看',
                        title: '未读消息提醒',
                        anim: 2,
                        btnAlign: 'c',
                        shade: 0,
                        success: function () {
                            //触发铃声播放
                            tipsAudio(e.data.type);
                        },
                        yes: function () {
                            ly.closeAll();
                            top.layui.index.openTabsPage({
                                url: e.data.type === 'remit' ? '{:url("remit/index")}' : '{:url("draw/index")}',
                                title: e.data.title
                            });
                        }
                    });
                }
            });
        }

        function tipsAudio(type) {
            var audioMp3 = document.getElementById('tipsAudio');
            audioMp3.src = '/static/admin/audio/' + type + '.mp3';
            let startPlayPromise = audioMp3.play();
            if (startPlayPromise !== undefined) {
                startPlayPromise.catch(error => {
                    if (error.name === "NotAllowedError") {
                        layui.layer.confirm('系统检测到播放提示音失败<br/>请尝试与页面交互，激活自动播放音频功能', {
                            btn: ['确定', '关闭'] //按钮
                        }, function () {
                            layui.layer.closeAll();
                            audioMp3.play();
                        }, function () {
                            audioMp3.play();
                        });
                    }
                })
            }
        }

        methods.event.click(['signOut', 'changePwd', 'clearCache'], function () {
            methods.confirm('是否退出登录？', function () {
                methods.fetchPost('{:url("login/logout")}', {}, function (e) {
                    e.code === 1 ? location.href = '{:url("login/index")}' : ly.msg(e.msg);
                });
            })
        }, function () {
            methods.openFormLayer('修改登录密码', '{:url("admin/password")}', ['500px', '500px'], true, (e) => {
                e.code === 1 ? ly.msg(e.msg, {time: 1000}, function () {
                    parent.location.reload()
                }) : ly.msg(e.msg);
            })
        }, function () {
            methods.confirm('是否清除缓存？', function () {
                methods.fetchPost('{:url("index/clearCache")}', {}, function (e) {
                    e.code === 1 ? ly.msg(e.msg, {time: 1000}, function () {
                        location.reload()
                    }) : ly.msg(e.msg);
                });
            });
        });
    });
</script>
</body>
</html>